body{
	width:100%;
	height:100%;
	margin: 0px;
	padding: 0px;
}
header {
  display:none;
  height:100px;
  padding-bottom:10px;
  border-bottom:3px solid #782b8a;
}
.no_screen{
	display:none;
}
@page {
  size: A4;
  margin: 11mm 17mm 17mm 17mm;
}

@media print {
  header {
    top: 0;
	width:100%;
	display: block;
  }
   body {visibility:hidden;}
   #tabs-2, #tabs-2 *{visibility:visible;}
   #main_content{margin-left:0px !important;}
   #menu_btn{margin-top:0px !important; height:0px !important;}
   #tabs-2{
	   position:absolute !important;
	   top:0;
	   left:0;
	   width:100%;
	   border:none !important;
   }
   .no_print{ display: none !important;}
   .no_screen{display: block !important;}
  html, body {
    width: 210mm;
    height: 297mm;
	margin:0mm;
  }
}
#main
{width:95%;
 height:100%;
 }
.login{
	 background:url('../img/login_bk.jpg') top right no-repeat; 
}
h1 {
    color:#782b8a;
}
#login_auth{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.login_form_field
{
	margin-top:4%;
	margin-bottom:4%;
	line-height:30px;
	width:300px;
	font-family: Calibri, Helvetica, Arial;
	font-size:18px;
	font-weight:bold;
}
.login_form_button{
	width:50%;
	line-height:20px;
	font-size: 18px;
	background-color:#d3d3d3;
	
}
h3.error{
	font-weight:bold;
	font-family: Calibri, Helvetica, Arial;
	color:red;
	font-size:20px;
	text-transform:capitalize;
}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color:#193f6e;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    font-size: 25px;
    color: #FFFFFF;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #d3d3d3;
}
.bottom{
	position:absolute;
	bottom:100px;
	left:10px;
}

/* Position and style the close button (top right corner) */
#menu_btn{
	margin-top:10px;
}
.left_menu_btn
{
	border-radius: 0px 10px 10px 0px;
	font-size:30px !important;
	line-height:30px;
	text-align:center;
	color:#FFFFFF;
	padding:5px;
	background-color:#193f6e;
}
#main, #menu_btn{
    transition: margin-left .5s;
}
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
#message_log{
	font-family: Calibri, Helvetica, Arial;
	font-size:18px;
	font-weight:bold;
	width:100%;
	height:3%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	text-align:center;
}
#message_log.success{
	background-color:#5dd568;
	color:#088308;
}
#message_log.fail{
	background-color:#d4262a;
	color:#81171a;
}
#main_top{
	float:right;
	margin-right:20px;
	margin-top:-20px;
	font-family: Calibri, Helvetica, Arial;
	font-size:18px;
	font-weight:bold;
	color:#782b8a;
}
#main_content{
	float:left;
	margin-left:50px;
	width:100%;
	font-family: Calibri, Helvetica, Arial;
}
.tile{
	width:28%;
	margin:2%;
	float:left;
	color:#FFFFFF;
	background-color:#782b8a;
	border-radius:15px;
	min-height:20%;
	-moz-box-shadow:    inset 0 0 20px #000000;
    -webkit-box-shadow: inset 0 0 20px #000000;
    box-shadow:         inset 0 0 20px #000000;
}
.tile h2{
	font-family: Calibri, Helvetica, Arial;
	font-size:25px;
	font-weight:bold;
	text-align:center;
}
.tile h4{
	font-family: Calibri, Helvetica, Arial;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	padding:3px;
	margin:0px;
	margin-right:10%;
}
.tile_table{
	font-family: Calibri, Helvetica, Arial;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}
.tile_table td{
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
table td.label{
	font-family: Calibri, Helvetica, Arial;
	font-size:20px;
	padding-bottom:3px;
	padding-top:5px;
	font-weight:bold;
	color:#792c89;
}
.label{
	font-family: Calibri, Helvetica, Arial;
	font-size:20px;
	padding-bottom:3px;
	padding-top:5px;
	font-weight:bold;
	color:#792c89;
}
.save_button{
	decoration:none;
	background-color:#792c89;
	font-family: Calibri, Helvetica, Arial;
	font-size:20px;
	color:#FFFFFF;
	padding:10px;
	border-radius:10px;
	border:none;
}
.not_valid, .not_valid_number{
	border:1px solid #d5272b;
	-moz-box-shadow:    0 0 20px #d5272b;
    -webkit-box-shadow: 0 0 20px #d5272b;
    box-shadow:         0 0 20px #d5272b;
}

table.dataTable th{
    color:#193f6e;
}
table.dataTable.display tr.odd{
   background-color:;
}
#tabs ul li{
text-decoration:none;	
display:inline;	
}

#tabs ul li.active a{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:10px;
    padding-right:10px;
    line-height:20px;
    border-radius:5px 5px 0px 0px;
    background:#e2b100;
}
#tabs ul li.completed a{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:10px;
    padding-right:10px;
    line-height:20px;
    border-radius:5px 5px 0px 0px;
    background:#48a000;
}
#tabs ul li.following a{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:10px;
    padding-right:10px;
    line-height:20px;
    border-radius:5px 5px 0px 0px;
    background:#cad1c4;
}
/*#tabs ul li a:hover{
	background:#4b2874;
}*/
.tab-content {
    padding:15px;
    border-radius:3px;
    box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
    background:#fff;
}
tr.alternate-manopera td{
 background-color:#d3d3d3;
}
.ui-widget-header
{border:none !important;
 background:#FFFFFF !important;
 color:#FFFFFF;
}
.ui-widget.ui-widget-content{
border:none !important;
}
table tr.odd td{
background-color:#f9f9f9;
border-top:1px solid #dddddd;
line-height:1.3em;
padding: 8px 10px;
}
table tr.even td{
background-color:#ffffff;
border-top:1px solid #dddddd !important;
line-height:1.3em;
padding: 8px 10px;
}
table tr.odd-arch td{
background-color:#f9f9f9;
border-top:2px solid #ff0000;
line-height:1.3em;
padding: 8px 10px;
}
table tr.even-arch td{
background-color:#ffffff;
border-top:2px solid #ff0000 !important;
line-height:1.3em;
padding: 8px 10px;
}
table tr td a{
text-decoration:none;
color:#000000;
}
table tr.old-effdt{
background-color:#d3d3d3;
color:#838383;
}
.icons_placeholder{		
		color: white;
		opacity: 0;
		position: absolute;
		top:45%;
		left:20%;
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}
	.rx_img {
   	position: relative;
		overflow: hidden;
		width: 155px;
		margin: 10px auto;
	}
	.rx_img img:hover{
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
		-webkit-filter: blur(1px);
		-moz-filter: blur(1px);
		-ms-filter: blur(1px);
		-o-filter: blur(1px);
		filter: blur(1px);
		transform: scale(1.03);
	}
	.rx_img:hover  span{
		-webkit-opacity: 100;
		opacity: 100;
	}